<template>
  <Content :style="{padding: '0 16px'}" class="yuio">
    <Breadcrumb :style="{padding: '13px 0',borderBottom:'1px solid #ccc',cursor:'pointer'}"  separator=">"> 
      <BreadcrumbItem @click.native="toPage" v-for="(item,index) in arrData" :key="index">{{item}}</BreadcrumbItem>
    </Breadcrumb>
  </Content>
</template>
<script>
export default {
  computed: {
    arrData() {
      let arr = [];
      arr = this.$route.matched.map(v => v.meta);
      return arr;
    }
  },
  methods:{
    toPage(){
      this.$router.back()
      
    }
  }
};
</script>

<style>
body{
  border-bottom: 1px solid #ccc
}
</style>
